<template>
  <el-menu
    :default-active="activeIndex"
    class="el-menu-demo"
    mode="horizontal"
    :ellipsis="false"
    @select="handleSelect"
    :style="{
      backgroundColor: '#FFE60F',
      border: 'none'
    }"
  >
    <el-menu-item index="0">
      <img
        style="width: 100px"
        src="@/assets/images/LOGO.jpg"
        alt="FCY logo"
      />
    </el-menu-item>
    <el-menu-item index="1" @click="router.push('/')">首页</el-menu-item>
    <el-menu-item index="2" @click="router.push('')">我的订单</el-menu-item>
    <el-menu-item index="3" @click="router.push('')">我的商品</el-menu-item>
    <el-menu-item index="4" @click="router.push('/aftersale')">售后信息</el-menu-item>
    <el-menu-item index="5" @click="router.push('')">登录</el-menu-item>
    <el-menu-item index="6" @click="router.push('')">注册</el-menu-item>
  </el-menu>
  
</template>

<script lang="ts" setup>

//导入LoginStore.ts
import { reactive, ref } from 'vue'
import { ElNotification } from 'element-plus'
import router from '@/router'

const activeIndex = ref('1')
const handleSelect = (key: string, keyPath: string[]) => {
    //console.log(key, keyPath)
    activeIndex.value = key
}
const form = reactive({
  email: '',
  name: '',
  code:''
})
</script>
<style scoped>
 
</style>